<div
  class="cursor-pointer card w-80 bg-base-200"
  data-card-name="k3s"
  data-action="click->card-select#selectCard"
  data-card-select-target="card"
>
  <div class="card-body relative">
    <div class="absolute top-[-10px] right-[-10px]">
      <div aria-label="Badge" class="badge badge-primary">New</div>
    </div>
    <iconify-icon icon="devicon:k3s" height="2.5rem" width="2.5rem"></iconify-icon>
    <h2 class="card-title">Single VPS Installation</h2>
    <div class="italic text-gray-400 text-sm">
      Choose this option for smaller projects.
    </div>
    <div class="space-y-2 text-sm text-gray-400">
      <div class="mb-4">
        A VPS instance is available on all major cloud providers. The cheapest option is Hetzner for $4 / month.
      </div>
      <div class="flex items-center gap-2">
        <iconify-icon icon="lucide:dollar-sign" class="w-4 h-4"></iconify-icon>
        <span>$4 / month</span>
      </div>
      <div class="flex items-center gap-2">
        <iconify-icon icon="lucide:memory-stick" class="w-4 h-4"></iconify-icon>
        <span>4GB RAM</span>
      </div>
      <div class="flex items-center gap-2">
        <iconify-icon icon="lucide:cpu" class="w-4 h-4"></iconify-icon>
        <span>2 vCPU</span>
      </div>
      <div class="flex items-center gap-2">
        <iconify-icon icon="lucide:hard-drive" class="w-4 h-4"></iconify-icon>
        <span>40GB SSD</span>
      </div>
    </div>
  </div>
</div>